草庐IT

Bootstrap5 表单

全部标签

javascript - 使用 bootstrap-vue 运行 jest

我一直在使用vuejs和bootstrap-vue最近。决定为我的项目添加单元测试。我不太熟悉单元测试,所以我正在尝试任何我能找到的东西来理解它是如何工作的。Login.specs.jsimport{shallowMount,mount}from'@vue/test-utils'importLoginfrom'@/components/auth/Login.vue'describe('Login.vue',()=>{it('isaVueinstance',()=>{constwrapper=mount(Login,{mocks:{$t:()=>'Connexion'//i18N}})c

javascript - 我应该使用输入的 onclick 还是表单的 onsubmit 事件来使用 JavaScript 验证表单字段?

我有一个简单的表单,其中包含我尝试使用JavaScript验证的字段。在表单中,我有一个提交类型。对于验证,我应该在表单的输入或提交上调用onclick事件的验证函数吗?选择一个而不是另一个有什么含义吗? 最佳答案 onsubmit在即将提交表单时触发。onclick在单击特定按钮时触发。可以通过在任何输入字段中按enter键来提交表单。这不会触发提交按钮的onclick,但会触发表单提交事件。因此,使用onsubmit。 关于javascript-我应该使用输入的onclick还是表单

javascript - 通过离开页面防止丢失表单数据

我正在创建一个包含数百行的数据网格,其中每行包含一个复选框,以便用户可以从网格中选择一个项目。现在,用户可能会花费大量时间在网格中过滤/搜索并勾选所需的复选框,结果却不小心按下了键盘上的退格键或单击了页面上的超链接。而且他们会丢失所有的复选框选择。所以我想介绍一些功能,如果至少勾选了一个复选框,那么如果用户无意中做了一个将他们导航离开页面的操作,那么会显示一条JavaScript确认消息来通知用户这一点.复选框都属于同一个组,例如它会被称为“产品”。这有可能吗? 最佳答案 有一个beforeunload事件发生在用户导航离开时:ht

javascript - Bootstrap : Accordion Collapse stopped working with Bootstrap 2. 0.3

我使用data-toggle="collapse"和data-parent="#selector"的Accordion在Bootstrap2.0.2上运行良好,但是当我切换到2.0时.3Accordion功能停止工作。它仍然打开和关闭targetdiv,但它不会自动关闭打开的targetdiv>当点击另一个带有data-toggle="collapse"的td时。您可以在此处看到它不适用于2.0.3:http://chooserealtoday.com/#faq以下代码示例也在JSFiddle上http://jsfiddle.net/N7MN9/3/.Whatisyourname?Ma

javascript - Bootstrap : more than one modal

我在我的网站上使用了两个Bootstrap模式:×SendFoobaraPMOnefinebody…CancelSend×PostaCommentOnefinebody…ClosePost它们被触发:SendPMPostComment但是,只有第一个出现。我的第二个post-comment没有出现。控制台上没有JS错误。有什么建议吗? 最佳答案 让它们都起作用。只需将它们放在不同的容器中,而不是一个接一个地放置。DemoSendPMPostComment×PostaCommentOnefinebody…ClosePost×SendF

javascript - Jquery:表单验证不起作用

我是Jquery的新手,希望你们能帮助我解决这个jquery验证问题。一直在尝试验证表单,但根本无法验证。它接受我在该字段中键入的任何内容,无论我设置了什么限制。请帮忙。谢谢。这是我的代码:$(function(){$('#form').validate({alert("bbbb");rules:{name:{required:true,minlength:2,maxlength:20,lettersonly:true},ssn:{required:true,minlength:9,maxlength:9,nowhitespace:true},gender:{required:true

javascript - 使用 CodeMirror 的 Bootstrap 选项卡

我有一个非常复杂的页面,其中在选项卡内的隐藏选项卡中有许多CodeMirror实例。为了让它变得更加复杂,我记得最后一个事件标签。我设法让它工作了一半(http://codepen.io/anon/pen/LheaF),问题出在第二个编辑器选项卡上:它在单击主要代码镜像选项卡之前加载第二个选项卡。当您单击“代码镜像”选项卡时,它也不会正确加载编辑器,直到您单击两次。我希望第二个选项卡调用refresh()方法(如果它已经启动),就像我对主编辑器所做的那样。复制二级编辑器的错误(function($){varmainEditor;functioninitMainCodeEditor(){

javascript - 如何将日期时间值附加到表单数据并在 Controller 中接收它

我想知道如何通过formdata传递日期时间值和在Controller中检索它并在Controller中将其转换为DateTime我试过如下:varformdata=newFormData();fromDate=$('.from_date').datepicker('getUTCDate');toDate=$('.to_date').datepicker('getUTCDate');formdata.append("start",newDate(fromDate));formdata.append("end",newDate(toDate));并在$.ajax我正在设置data:for

javascript - 将表格放入 Bootstrap 弹出窗口

我有一个Bootstrap弹出窗口,我试图将一个表格放入其中,但是当我单击它时它没有显示。这是第一次尝试在弹出窗口中使用HTML,所以我不确定如何正确地进行操作。谢谢!$(function(){$("[data-toggle=popover]").popover({html:true,content:function(){varcontent=$(this).attr("data-popover-content");return$(content).children(".popover-body").html();},title:function(){vartitle=$(this).

javascript - Bootstrap table Js 中的 data-sort-name 是如何工作的?

我正在使用以下库:http://bootstrap-table.wenzhixin.net.cn/documentation/我将json对象加载到这个工作正常的表中,但现在问题来了。我希望能够对列进行排序。我的Json布局如下:[{"Total":12345.56,"Name":"Monkey1","TotalFormatted":"$12.345,56"},{"Total":13345.56,"Name":"Monkey3","TotalFormatted":"$13.345,56"},{"Total":11345.56,"Name":"Monkey2","TotalFormatt